{extend name="template/base" /}
{block name="style"}
<style>
    /*宽度*/
    .ht-100{
        width:100%;
    }
    .ht-90{
        width:90%;
    }
    .ht-85{
        width:85%;
    }
    .ht-80{
        width:80%;
    }
    .ht-75{
        width:75%;
    }
    .ht-70{
        width:70%;
    }
    .ht-66{
        width:66.666666%;
    }
    .ht-60{
        width:60%;
    }
    .ht-50{
        width:50%;
    }
    .ht-45{
        width:45%;
    }
    .ht-40{
        width:40%;
    }
    .ht-33{
        width:33.333333%;
    }
    .ht-30{
        width:30%;
    }
    .ht-35{
        width:35%;
    }
    .ht-25{
        width:25%;
    }
    .ht-22{
        width:22%;
    }
    .ht-20{
        width:20%;
    }
    .ht-15{
        width:15%;
    }
    .ht-10{
        width:10%;
    }
    .ht-overflow{
        overflow:hidden;
    }
    /*背景色*/
    .ht-background{
        background:#fff;
    }
    /**/
    .ht-border-bottom{
        border-bottom:1px solid #f2f2f2;
    }
    /*浮动*/
    .ht-float-left{
        float:left;
    }
    .ht-float-right{
        float:right;
    }
    /*字体*/
    .ht-bold{
        font-weight: bold;
    }
    .ht-font-30{
        font-size:30px;
    }
    .ht-font-28{
        font-size:28px;
    }
    .ht-font-26{
        font-size:26px;
    }
    .ht-font-24{
        font-size:24px;
    }
    .ht-font-20{
        font-size:20px;
    }
    .ht-font-18{
        font-size:18px;
    }
    .ht-font-16{
        font-size:16px;
    }
    .ht-font-15{
        font-size:15px;
    }
    .ht-font-14{
        font-size:14px;
    }
    .ht-font-13{
        font-size:13px;
    }
    .ht-font-12{
        font-size:12px;
    }
    /*字体颜色*/
    .ht-fff{
        color:#fff;
    }
    .ht-333{
        color:#333;
    }
    .ht-999{
        color:#999;
    }
    .ht-888{
        color:#888;
    }
    .ht-666{
        color:#666;
    }
    .ht-fb2321{
        color:#fb2321;
    }
    /*块元素*/
    .ht-inline-block{
        display: inline-block;
    }
    .ht-block{
        display: block;
    }
    /*字体居中*/
    .ht-text-center{
        text-align:center;
    }
    .ht-text-left{
        text-align:left;
    }
    .ht-text-right{
        text-align:right;
    }
    /*超出部分隐藏*/
    .ht-yc{
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    /*定位*/
    .ht-absolute{
        position:absolute;
    }
    .ht-relative{
        position:relative;
    }
    .ht-fixed{
        position:fixed;
    }
    .ht-margin-bottom{
        margin-bottom:10px;
    }
    .del{
        width:20px;
        height:20px;
        background:#f00;
        position:absolute;
        right:0px;
        top:0px;
        border-radius:10px;
        text-align:center;
        line-height:20px;
        color:#fff;
        display:none;
        cursor:pointer;
    }
    .card{
        width:100px;height:100px;float:left;border-radius: 10px;margin-right:30px;position:relative;
        padding:10px;
    }
    .card img{
        cursor:pointer;
    }
    .upload{
        border:1px solid #ccc;
        padding:0px;
        margin:10px 38px 8px 10px; /*上右下左*/
    }
    .card{
        /*margin-bottom:38px;*/
        font-size:14px;
        text-align:center;
        color:#f00;
    }
    .uploadify-button{
        background-color: transparent;
        background-size:120px 120px;
        border:0px;
        border-radius:12px;
        background-position:-10px -10px;
    }
    .uploadify:hover .uploadify-button {
        background-color: transparent;
        background-position:-10px -10px;
    }
    .uploadbtn{
        display:none;
    }
    .layer{
        width:100px;
        height:100px;
        margin-bottom:14px;
    }
    /* .card span{
        display:block;
        position:relative;
        top:-10px;
        z-index:2;
        text-align:center;
        font-size:14px;
    } */

    .uploadify object{
        left:0px;
    }
    .select-box{
        width:100px;
        padding:0px;
        border:none;
    }
    .Validform_checktip{
        color:#f00;
    }
    .Validform_right{
        color:#0f0;
    }
    #Validform_msg{
        display:block;
        width: 280px;
        font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;
        -webkit-box-shadow: 2px 2px 3px #aaa;
        -moz-box-shadow: 2px 2px 3px #aaa;
        background: #fff;
        position: absolute;
        top: 0px;
        right: 50px;
        z-index: 99999;
        display: none;
        filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
        box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
        color:#666;
    }
    #Validform_msg .Validform_title {
        line-height: 25px;
        height: 25px;
        text-align: left;
        font-weight: bold;
        padding: 0 8px;
        color: #fff;
        position: relative;
       /* background-color: #999;
        background: -moz-linear-gradient(top, #999, #666 100%);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#666));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999999', endColorstr='#666666');*/
    }
    #Validform_msg .Validform_info {
        padding: 8px;
        border: 1px solid #bbb;
        border-top: none;
        text-align: left;
    }
    #Validform_msg .iframe {
        position: absolute;
        left: 0px;
        top: -1px;
        z-index: -1;
    }
    #Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited {
        line-height: 22px;
        position: absolute;
        right: 8px;
        top: 0px;
        color: #fff;
        text-decoration: none;
        font-size:12px;
    }
    .bank{
        font-size:20px;text-align:center;width:30%;cursor:pointer;background: #fff;border-radius:5px;height:100px;margin:0px 10px 0px 10px;padding-left:5px;line-height:100px;
    }
    .bank:hover{
        margin-top:-1px;
        margin-left:9px;
        height:99px;
        border:1px dashed #faa; 
    }

</style>
{/block}
{block name="content"}
<div class="page-container" style="padding-top:40px;">
  
        <div style="width:1000px;height:auto;margin:0 auto" class="ht-overflow">
            <!-- 司机信息 -->
            <div class="ht-100 ht-overflow" style="line-height:40px;color:#010101;font-size: 16px;margin:10px 0px 10px 0px;">
                <div style="float:left;width:100px;text-indent: 1em">{if condition="$vo.identity"}客户{else/}技师{/if}管理</div>
                <div style="float:left;width:40px;height:40px;border-radius:20px;overflow: hidden;">
                    <img src="{$vo.headimg}" style="vertical-align: baseline;" alt="" width='40px' height='40px'> 
                </div>
                <div style="float:left;width:350px;height:40px;margin-left:19.5%">
                    <div class="ht-100 ht-float-left ht-overflow" style="font-size:16px">
                       <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            注册时间
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;font-size:14px;height:40px;background:#fff" placeholder="注册时间" value="{$vo.create_time}"; disabled name="create_time">
                   </div>
                </div>
                <div style="float:right">
                        审核状态：
                        <select name="status" id="audit_status">
                            {switch name="$vo.audit_status"}
                                {case value="0"}
                                    <option value="0" selected>未认证</option>
                                    <option value="1">待审核</option>
                                    <option value="2">审核未通过</option>
                                    <option value="3">审核通过</option>
                                {/case}
                                {case value="1"}
                                    <option value="0">未认证</option>
                                    <option value="1" selected>待审核</option>
                                    <option value="2">审核未通过</option>
                                    <option value="3">审核通过</option>
                                {/case}
                                {case value="2"}
                                    <option value="0">未认证</option>
                                    <option value="1">待审核</option>
                                    <option value="2" selected>审核未通过</option>
                                    <option value="3">审核通过</option>
                                {/case}
                                {case value="3"}
                                    <option value="3" selected disabled>审核通过</option>
                                {/case}
                            {/switch}
                            
                        </select>
                </div>
            </div>
            <div class="ht-100 ht-overflow" style="background:#f3f3f3;padding-bottom:20px">
                <!-- 1 -->
                <div class="ht-100 ht-overflow" style="padding-top:20px;line-height:30px">
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                        <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            姓名
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px" name="name" placeholder="姓名" value="{$vo.name ?? ''}"  datatype="*2-4" nullmsg="请填写姓名" disabled>
                   </div>
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                       <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            电话
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px" placeholder="电话" name="tel" value="{$vo.tel ?? ''}" datatype="m" errormsg="请填写正确的手机号码" disabled>
                   </div> 
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                       <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            性别
                        </div>
                        <input type="text" class="register_place" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px" placeholder="性别" value="{if condition='$vo.sex'}女{else/}男{/if}" readonly name="sex">
                        
                   </div>
                </div>
                <!-- 2 -->
                <div class="ht-100 ht-overflow" style="padding-top:20px;line-height:30px">
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                        <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            年龄
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px"  placeholder="车牌" name="plate_number" value="{$vo.age ?? ''}" datatype="*" nullmsg="请选择车牌" disabled>
                   </div>
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                        <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            身高
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px"  placeholder="车牌" name="plate_number" value="{$vo.height ?? ''}cm" datatype="*" nullmsg="请选择车牌" disabled>
                   </div>
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                        <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            体重
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px"  placeholder="车牌" name="plate_number" value="{$vo.weight ?? ''}kg" datatype="*" nullmsg="请选择车牌" disabled>
                   </div>
                </div>
                <!-- 3 -->
                <div class="ht-100 ht-overflow" style="padding-top:20px;line-height:30px">
                   <!-- <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                        <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                           服务时间
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px" placeholder="车载" name="weight" value="{$vo.service_time ?? ''}" datatype="/^[0-9]+(.[0-9]{1})?$/" nullmsg="请填写载重" errormsg="请填写数字，可以有1位小数！" disabled>
                   </div> -->
                   <div class="ht-33 ht-float-left ht-overflow" style="font-size:16px">
                       <div class="ht-30 ht-float-left" style="color:#777;text-indent:1em">
                            身份证号码
                        </div>
                        <input type="text" style="width:70%;float:left;height:30px;border:none;padding:0;margin:0;background:#f3f3f3;font-size:14px" placeholder="身份证号码" value="{$vo.idcard??''}";  name="trans_certificate" disabled>
                   </div> 
                   
                </div>
                <!--  -->
                <!-- 4 -->
  
            </div>
            <!-- 银行卡 -->
            <div class="ht-100 ht-overflow" style="line-height:40px;color:#010101;font-size:16px;text-indent: 1em">
                银行卡
            </div>
            <div class="ht-100 ht-overflow" style="background:#f3f3f3;padding-bottom:20px">
                <!-- 1 -->
                <div class="ht-100 ht-overflow" style="padding-top:20px;line-height:30px">
                    {php}
                    $count=2;
                    {/php}
                    {if condition="$count < 3"}
               
                     <div class="ht-15 ht-float-left ht-overflow" style="font-size:14px;width:30%;background: #fff;border-radius:5px;height:100px;margin:0px 10px 0px 10px;padding-left:5px;">
                          <p style="margin-bottom:0px;">银行卡号：123123123</p>
                          <p style="margin-bottom:0px;">开户行：工商银行</p>
                          <p style="margin-bottom:0px;">开户人 :张三</p>
                     </div>
                    {/if}
                    
                </div>
            </div>
           
            <!-- 证件 -->
            <div class="ht-100 ht-overflow" style="padding-top:20px;margin-top:10px;">
               <div class="ht-10 ht-float-left" style="font-size:16px;color:#000;margin-top:10px;text-indent:1em">证件照</div> 
               <div class="ht-90 ht-float-left ht-overflow">
                    {volist name='zjList' id='zj'} 
                         <div class='card'>
                              <div id="id_card_a_layer" class='layer'>
                                  <img src="/uploads/renzheng/{$zj.url}" style="width:100%;height:100%;border-radius:10px">
                              </div>
                              <div class="del" data-index="{$zj.id}">
                                &times; 
                              </div>
                         </div>
                    {/volist} 
               </div>
            </div>
            <!-- 生活 -->
            <div class="ht-100 ht-overflow" style="">
               <div class="ht-10 ht-float-left" style="font-size:16px;color:#000;margin-top:10px;text-indent:1em">生活照</div> 
               <div class="ht-90 ht-float-left ht-overflow">
                    {if condition="$shList"}
                    {volist name='shList' id='sh'} 
                         <div class='card'>
                              <div id="id_card_a_layer" class='layer'>
                                  <img src="/uploads/shenghuo/{$sh.url}" style="width:100%;height:100%;border-radius:10px">
                              </div>
                         </div>
                    {/volist} 
                    {else/}
                    <p style='margin-top:10px;color:#ccc;'>暂无</p>
                    {/if}
                    
               </div>
            </div>

            <!-- 常跑路线 -->
            <div class="ht-100 ht-overflow" style="line-height:40px;color:#010101;font-size:16px;text-indent: 1em">
                个人简介
            </div>
            <div class="ht-100 ht-overflow" style="background:#f3f3f3;padding-bottom:20px;padding-left:20px;">
                <!-- 1 -->
                <div class="ht-100 ht-overflow" style="padding-top:20px;line-height:30px">
                   <div class="ht-15 ht-float-left ht-overflow" style="font-size:14px;width:100%;">
                        {$vo.introduction}
                   </div>
                </div>
            </div>
            
            <center>
            <button type="button" class="btn btn-primary radius" onclick="change_andit_status({$vo.id})" style="margin:0 auto;margin-top:10px;display:inline-block">&nbsp;&nbsp;提交&nbsp;&nbsp;</button>
            <button type="button" onclick="history.go(-1)" class="btn btn-warning radius" style="margin:0 auto;margin-top:10px;display:inline-block">&nbsp;&nbsp;返回&nbsp;&nbsp;</button>
            </center>
        </div>       
   
</div>
{/block}
{block name="script"}

<script>
    $(function () {
        layer.photos({
          photos: '.layer'
          ,anim: 1 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
        }); 
        $('.layer').mouseover(function(){
            $(this).next().show();
        });
        $('.card').mouseleave(function(){
            $(this).find('.del').hide();
        });

        $('.del').click(function(){
            if(confirm('您确定要删除吗？')){
                obj=$(this);
                id=obj.data('index');
                $.post("{:url('img_del')}",{'id':id},function(r){
                    if(r==1){
                        layer.msg('删除成功');
                       setTimeout(function(){
                            obj.parent().remove();
                       },2000);
                    }else{
                        layer.msg('稍后再试');
                    }
                }); 
            }
            return false;

        });

    })
    function change_andit_status($id){
        val=$('#audit_status').val();
        $.post("{:url('change_andit_status')}",{'id':$id,'audit_status':val},function(r){
            if(r==1){
                layer.msg('提交成功,页面将自动跳转');
                setTimeout(function(){
                    location.href=history.go(-1);
                },2000);
            }else{
                layer.msg('提交失败，稍后请重试，或者联系开发')
            }
        });
    }
</script>
{/block}
